const Header = () => {
  return (
    <header className="text-white bg-black p-4">
      <div className="container mx-auto flex justify-between items-center">
        <div className="text-lg font-bold">
          <a href="/">Next App</a>
        </div>
        <nav>
          <ul className="flex space-x-4">
            <li>
              <a href="/">首页</a>
            </li>
            <li>
              <a href="/list">列表</a>
            </li>
            <li>
              <a href="/news">新闻</a>
            </li>
          </ul>
        </nav>
      </div>
    </header>
  )
}

export default Header
